/*
  学习目标：生命周期-挂载阶段
*/

import React, { Component } from 'react';

export default class App extends Component {
  // 对标: vue中beforeCreate  created
  // 场景: 👎1.创建state  2.创建ref对象
  constructor() {
    // 💥 super表示继承爸爸所有的属性和方法
    console.log('1  ----->  ', 1);
    super();
    this.state = {
      money: 1000,
    };
    this.divRef = React.createRef();
  }

  // 👍简写

  // 渲染
  render() {
    console.log('2  ----->  ', 2);
    console.log('this.divRef  ----->  ', this.divRef);
    const { money } = this.state;
    return <div ref={this.divRef}>{money}</div>;
  }

  // 挂载后
  // 对比: mounted
  // 场景: 💥1.发请求 2.最新获取dom元素 3. 绑定事件定时器
  componentDidMount() {
    console.log('3  ----->  ', 3);
  }
}
